<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		#div{
			/*
			 	画三角形
			 	1.设置容器的大小为0
			 	
			 * */
			width: 0;
			height: 0;
			
			/*
			 	2.每个三角形都是由三条领边组成，根据我们画的三角线方向，来决定用哪条边作为主边。
			 * */	
			 
			 border-bottom: skyblue solid 100px;
			 
			 /*
			  3.另外相邻的两条边，就是打辅助，设置为透明，并且通过这两条边，来决定三角形的宽度。
			  * */
			 
			 border-left: transparent solid 50px;
			 border-right: transparent solid 50px;
			 /*
			  怎么画等边三角形。
			  弯的角。
			  * */
			}
		</style>
	</head>
	<body>
		<div id="div"></div>
	</body>
</html>
